﻿<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'north',border:false" style="height: 140px; border-bottom-width: 1px; padding: 10px; font-size: 14px;">
        <a class="easyui-linkbutton" data-options="iconCls:'icon-search'" href="/Validatebox/ViewExtSource" target="_blank">点击查看扩展代码</a>
        <a class="easyui-linkbutton" data-options="iconCls:'icon-search'" href="/Validatebox/ViewValidateboxSource" target="_blank">点击查看扩展样式</a>
        <br />
        js依赖项：
        <br />
        [query-1.11.0.js]、[jquery.jdirk.js]、[jquery.easyui.min.js]、[jeasyui.extensions.validatebox.js]

        <br /><br />
        css依赖项：
        <br />
        [jeasyui.extensions.validatebox.css]
    </div>
    <div data-options="region:'center',border:false,title:'此处仅显示“功能演示”选项卡所示功能基于本扩展的实现源码'" style="padding: 15px; font-size: 14px;">
        <a href="~/Demos/ExtensionDemos/Validatebox/ExtDemo.rar" target="_self">下载本扩展功能演示Demo</a>
        <br />
        <div style="font-size: 17px; font-weight: bold; margin-top: 15px;margin-bottom:10px;">
            扩展属性API
        </div>
        <table class="tableAPI">
            <tr class="title">
                <td style="width:10%;">名称</td>
                <td style="width: 10%;">类型</td>
                <td>描述</td>
                <td style="width: 7%;">默认值</td>
            </tr>
            <tr>
                <td>prompt</td>
                <td>String 类型</td>
                <td>
                    该属性表示该验证输入框的提示文本。
                </td>
                <td>null</td>
            </tr>
            <tr>
                <td>autoFocus</td>
                <td>Boolean 类型</td>
                <td>
                    该属性表示在当前页面加载完成后，该 easyui-validatebox 控件是否自动获得焦点。
                </td>
                <td>false</td>
            </tr>
            <tr>
                <td>autoValidate</td>
                <td>Boolean 类型</td>
                <td>
                    该属性表示是否在该控件初始化完成后立即进行一次验证。
                </td>
                <td>true</td>
            </tr>
            <tr>
                <td>value</td>
                <td>String 类型</td>
                <td>
                    该属性表示其初始化时的值。
                </td>
                <td>null</td>
            </tr>
            <tr>
                <td>width</td>
                <td>Number 类型</td>
                <td>
                    该属性表示其初始化时的宽度值。
                </td>
                <td>null</td>
            </tr>
            <tr>
                <td>disabled</td>
                <td>Boolean 类型</td>
                <td>
                    该属性表示该控件在初始化完成后是否设置其为禁用状态(disabled)。
                </td>
                <td>false</td>
            </tr>
            <tr>
                <td>readonly</td>
                <td>Boolean 类型</td>
                <td>
                    该属性表示该控件在初始化完成后是否设置其为只读状态(readonly)。
                </td>
                <td>false</td>
            </tr>
            <tr>
                <td>cls</td>
                <td>String 类型</td>
                <td>
                    该属性表示该验证输入框初始化时默认需要加载的样式类名。<br />
                    该值将会被作为 html-class 属性在 easyui-validatebox 初始化完成后加载至 html 标签上。
                </td>
                <td>null</td>
            </tr>
            <tr>
                <td>onChange</td>
                <td>function 类型</td>
                <td>
                    该属性表示该验证输入框在值改变时所触发的事件。<br />
                    其参数签名为(value)，value 表示改变后的新值。
                </td>
                <td>空</td>
            </tr>
        </table>
        <div style="font-size: 17px; font-weight: bold; margin-top: 15px;margin-bottom:10px;">
            扩展方法API
        </div>
        <table class="tableAPI">
            <tr class="title">
                <td style="width:10%;">名称</td>
                <td style="width:5%;">重写</td>
                <td style="width:15%;">参数</td>
                <td>描述</td>
            </tr>
            <tr>
                <td>setPrompt</td>
                <td>否</td>
                <td>prompt</td>
                <td>
                    设置当前 easyui-validatebox 控件的 prompt 值；<br />
                    该方法参数说明：<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>prompt:   String 类型，表示将被设置的 prompt 值；<br />
                    返回值：返回表示当前 easyui-validatebox 的 jQuery 链式对象。
                </td>
            </tr>
            <tr>
                <td>setValue</td>
                <td>否</td>
                <td>value</td>
                <td>
                    设置当前 easyui-validatebox 控件的输入值；<br />
                    该方法参数说明：<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>value:   String 类型，表示要被设置的值；<br />
                    返回值：返回表示当前 easyui-validatebox 的 jQuery 链式对象。
                </td>
            </tr>
            <tr>
                <td>getValue</td>
                <td>否</td>
                <td>无</td>
                <td>
                    获取当前 easyui-validatebox 控件的输入值；<br />
                    返回值：返回表示当前 easyui-validatebox 的 jQuery 链式对象。
                </td>
            </tr>
            <tr>
                <td>clear</td>
                <td>否</td>
                <td>无</td>
                <td>
                    清除当前 easyui-validatebox 控件的输入值，使其为空；<br />
                    返回值：返回表示当前 easyui-validatebox 的 jQuery 链式对象。
                </td>
            </tr>
            <tr>
                <td>reset</td>
                <td>否</td>
                <td>无</td>
                <td>
                    重置当前 easyui-validatebox 控件的输入值，使其为初始化时的值；<br />
                    返回值：返回表示当前 easyui-validatebox 的 jQuery 链式对象。
                </td>
            </tr>
            <tr>
                <td>resize</td>
                <td>否</td>
                <td>width</td>
                <td>
                    设置当前 easyui-validatebox 控件的宽度（width）值；<br />
                    该方法参数说明：<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>width:   Number 类型，表示将被设置的宽度（width）值；<br />
                    返回值：返回表示当前 easyui-validatebox 的 jQuery 链式对象。
                </td>
            </tr>
            <tr>
                <td>enable</td>
                <td>否</td>
                <td>无</td>
                <td>
                    启用当前 easyui-validatebox 控件的输入状态；<br />
                    返回值：返回表示当前 easyui-validatebox 的 jQuery 链式对象。
                </td>
            </tr>
            <tr>
                <td>disable</td>
                <td>否</td>
                <td>无</td>
                <td>
                    禁用当前 easyui-validatebox 控件的输入状态；<br />
                    返回值：返回表示当前 easyui-validatebox 的 jQuery 链式对象。
                </td>
            </tr>
            <tr>
                <td>readonly</td>
                <td>否</td>
                <td>readonly</td>
                <td>
                    设置当前 easyui-validatebox 控件的为只读状态；<br />
                    该方法参数说明：<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>readonly:   Boolean 类型，表示启用或禁用该控件的只读状态；<br />
                    返回值：返回表示当前 easyui-validatebox 的 jQuery 链式对象。
                </td>
            </tr>
        </table>
    </div>
</div>
